export const AnchorHeader = {
  props: ['header'],
  render(h) {
    return h(
      'h' + this.header,
      null,
      this.$slots.default
    )
  }
  // template: `
  //   <div>
  //     <h1 v-if="header === 1">
  //       <slot></slot>
  //     </h1>
  //     <h2 v-else-if="header === 2">
  //       <slot></slot>
  //     </h2>
  //     <h3 v-else-if="header === 3">
  //       <slot></slot>
  //     </h3>
  //     <h4 v-else-if="header === 4">
  //       <slot></slot>
  //     </h4>
  //     <h5 v-else-if="header === 5">
  //       <slot></slot>
  //     </h5>
  //     <h6 v-else-if="header === 6">
  //       <slot></slot>
  //     </h6>
  //   </div>
  // `
}